/*common---begin*/
html, body, #app {
  width: 100%;
  height: 100%;
}

/*内容切换动画---begin*/
.move-enter-active, .move-leave-active {
  transition: opacity .5s;
}

.move-enter, .move-leave {
  opacity: 0;
}

/*内容切换动画---end*/
.home-layout {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  .ivu-row-flex {
    width: 100%;
    height: 100%;
  }
  .ivu-col {
    transition: all .8s;
  }
}

.home-content-left {
  width: 240px;
  height: 100%;
  background: #495060;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  .home-menu-title {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
  }
  .ivu-menu-submenu-title {
    height: 60px;
    line-height: 32px;
    font-size: 20px;
  }
  .ivu-menu-item {
    height: 60px;
    line-height: 32px;
    font-size: 20px;
  }
  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
    background: rgba(45, 140, 240, 0.3) !important;
    border-left: 8px solid rgb(45, 140, 240);
  }
}

.home-content-right {
  padding-left: 240px;
  width: 100%;
  height: 100%;
  .home-head-layout {
    height: 60px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    padding-left: 292px;
    overflow: hidden;
    z-index: 1;
    .ivu-btn-text {
      font-size: 30px;
      line-height: 46px;
      margin-left: -51px;
    }
  }
  .layout-breadcrumb {
    padding-top: 70px;
  }
  .home-content {
    height: 100%;
    padding-top: 60px;
    background: #fff;
    overflow: auto;
  }
}

.layout-hide {
  perspective: 1000px;
}

.layout-hide .home-content-left {
  transform: rotateY(-90deg);
  margin-left: -240px;
  height: 100%;
}

.layout-hide .home-head-layout {
  padding-left: 51px;
}

.layout-hide .home-content-right {
  padding-left: 0;
}

.vhead-content-txt {
  .vhead-location {
    font-size: 32px;
    line-height: 60px;
    margin-right: 20px;
    .vhead-city {
      float: right;
      width: 180px;
      height: 30px;
      font-size: 18px;
      border: 1px solid #D8D8D8;
      border-radius: 2px;
      margin: 15px 10px;
    }
  }
  .vhead-admin {
    line-height: 60px;
    margin-right: 25px;
    .vhead-admin-photo {
      width: 40px;
      height: 40px;
      margin: 10px;
    }
    .vhead-admin-name {
      font-size: 18px;
    }
  }
  .vhead-quit {
    font-size: 18px;
    line-height: 60px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 690px) {
  .vhead-content-txt {
    .vhead-location {
      margin-right: 0px;
      .vhead-city {
        width: 60px;
        margin: 15px 10px;
      }
    }
    .vhead-admin {
      margin-right: 10px;
      .vhead-admin-photo {
        display: none;
      }
    }
    .vhead-quit {
      width: 20px;
      height: 60px;
      overflow: hidden;
    }
  }
}

/*common---end*/
/*login---begin*/
.login-layout {
  position: relative;
  width: 100%;
  height: 100%;
  .login-img {
    width: 690px;
    height: 270px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -345px;
    margin-top: -135px;
  }
  .login-wrap {
    width: 420px;
    height: 336px;
    position: absolute;
    left: 20px;
    top: -33px;
    background: #fff;
    padding: 40px;
    border-radius: 6px;
    .login-wrap-header {
      width: 100%;
      text-align: center;
      font-size: 26px;
      line-height: 30px;
      margin-bottom: 30px;
    }
    .ivu-form-item {
      margin-bottom: 0;
      margin-right: 0;
      width: 100%;
      .ivu-btn-primary {
        width: 100%;
        height: 50px;
        span {
          font-size: 18px;
        }
      }
    }
    .ivu-form-item-required {
      width: 100%;
      height: 46px;
      margin-right: 0;
      margin-bottom: 24px;
      .ivu-input-group-prepend {
        padding: 7px;
      }
      .ivu-icon {
        width: 32px;
        height: 32px;
        font-size: 32px;
        color: #2D8CF0;
      }
      .ivu-input {
        height: 46px;
        font-size: 18px;
      }
    }
  }
  .login-loading {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    .ivu-spin-fix {
      background: transparent;
    }
  }
}

@media screen and (max-width: 690px) {
  .login-layout {
    overflow: hidden;
    .login-img-place {
      display: none;
    }
    .login-wrap {
      width: 310px;
      height: 246px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -155px;
      margin-top: -123px;
      padding: 20px;
      .login-wrap-header {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px;
      }
      .ivu-form-item {
        .ivu-btn-primary {
          height: 36px;;
          span {
            font-size: 14px;
          }
        }
      }
      .ivu-form-item-required {
        height: 36px;
        .ivu-input-group-prepend {
          padding: 3px;
        }
        .ivu-icon {
          width: 28px;
          height: 28px;
          font-size: 28px;
          color: #2D8CF0;
        }
        .ivu-input {
          height: 36px;
          font-size: 14px;
        }
      }
    }
  }
}

/*login---end*/
/*readme---begin*/
.readme-layout {
  .readme-left {
    width: 50%;
    color: #fff;
    .readme-txt {
      padding-top: 260px;
      padding-left: 120px;
      padding-right: 50px;
    }
    h2 {
      font-size: 36px;
    }
    .readme-actor {
      font-size: 28px;
      margin-bottom: 10px;
    }
    p {
      font-size: 14px;
      opacity: 0.8;
      padding-left: 5px;
    }
  }
  .readme-right {
    width: 50%;
    padding-top: 150px;
    padding-right: 200px;
    .read-img {
      img {
        display: block;
        width: 100%;
      }
    }
  }
}

/*readme---end*/
/*Initalization---begin*/
.init-layout {
  border: 30px solid #F7F8FC;
  padding: 0 30px;
  min-height: 100%;
  .init-title {
    height: 60px;
    border-bottom: 1px solid #EBEBEB;
    overflow: hidden;
    .init-title-txt {
      line-height: 20px;
      height: 20px;
      font-size: 20px;
      padding-left: 8px;
      border-left: 4px solid #2D8CF0;
      margin: 20px 0;
    }
  }
  .init-content {
    .init-content-title {
      font-size: 18px;
      color: #333;
      line-height: 18px;
    }
    .init-content-app {
      padding-top: 30px;
      padding-bottom: 45px;
      .init-app-checkbox {
        max-width: 690px;
        margin-top: 20px;
        margin-left: 20px;
        .ivu-form-item-content {
          margin-left: 0 !important;
        }
        .ivu-checkbox-wrapper {
          min-width: 124px;
          margin: 0;
          margin-right: 10px;
          line-height: 50px;
          font-size: 16px;
          .ivu-checkbox-input {
            width: 16px;
            height: 16px;
          }
        }
      }
    }
    .init-app-id {
      margin-bottom: 36px;
      .init-content-title {
        line-height: 36px;
        margin-right: 12px;
      }
      .ivu-form-item {
        float: left;
      }
      .ivu-form-item-content {
        margin-left: 0 !important;
      }
      .ivu-input-type {
        width: 420px;
        height: 36px;
      }
    }
    .init-app-config {
      .init-content-title {
        span {
          color: #3F3F3F;
          font-weight: normal;
        }
      }
      .init-config-total {
        padding-top: 10px;
        padding-left: 20px;
        .init-config-title {
          font-size: 16px;
          color: #333;
          line-height: 48px;
          border-bottom: 1px solid #EBEBEB;
        }
        .ivu-form-item-label {
          font-size: 14px;
        }
        .ivu-input {
          height: 36px;
        }
        .init-config-base {
          width: 460px;
          margin-right: 60px;
          .init-base-all {
            padding-top: 24px;
          }
        }
        .init-config-sign {
          width: 880px;
          .init-sign-left {
            width: 400px;
            padding-top: 24px;
            margin-right: 60px;
          }
          .init-sign-right {
            width: 400px;
            padding-top: 24px;
          }
          .ivu-input {
            height: 100px;
          }
        }
      }
    }
  }
  .init-content-submit {
    padding-top: 60px;
    padding-right: 110px;
    text-align: center;
    .ivu-btn {
      width: 130px;
      height: 44px;
      font-size: 18px;
    }
    .ivu-btn-ghost {
      margin-left: 12px;
    }
  }
}

/*Initalization---end*/
/*card---begin*/
.bus-layout {
  border: 30px solid #F7F8FC;
  padding: 0 30px;
  min-height: 100%;
  .ivu-steps-head {
    width: 30px;
    height: 30px;
    padding-left: 0 !important;
    margin-left: 0 !important;
    .ivu-steps-head-inner {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 16px;
      span {
        font-size: 24px;
        line-height: 30px;
      }
    }
  }
  .ivu-steps-tail {
    height: 8px;
    padding: 0;
    top: 11px;
    i {
      height: 8px;
    }
  }
  .bus-title {
    height: 60px;
    border-bottom: 1px solid #EBEBEB;
    overflow: hidden;
    .bus-title-txt {
      line-height: 20px;
      height: 20px;
      font-size: 20px;
      padding-left: 8px;
      border-left: 4px solid #2D8CF0;
      margin: 20px 0;
    }
  }
  .bus-step {
    padding-top: 24px;
  }
}

.bus-submit {
  text-align: center;
  .ivu-btn-primary {
    width: 240px;
    height: 52px;
    font-size: 18px;
  }
}

/*cardProgress---begin*/
.card-progress-layout {
  position: relative;
  .card-progress-title {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    line-height: 48px;
    border-bottom: 1px solid #EBEBEB;
  }
  .progress-content-title {
    font-size: 18px;
    color: #333;
    line-height: 18px;
    font-weight: normal;
  }
  .progress-content-txt {
    font-size: 16px;
    color: #666;
    padding: 20px 0;
    line-height: 16px;
    .progress-txt-left {
      margin-right: 15px;
    }
  }
  .ivu-btn-ghost {
    color: #57a3f3;
    background-color: transparent;
    border-color: #57a3f3;
    width: 150px;
    height: 52px;
    font-size: 18px;
  }
  .card-progress-open {
    width: 400px;
    margin-right: 150px;
    margin-top: 48px;
    .progress-open-content {
      padding-top: 40px;
      .open-top-up {
        padding: 10px 0 64px;
        .upFile {
          display: inline-block;
          position: relative;
          .ghost-file {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
          }
        }
        .upload-img {
          width: 100%;
          .card-img-look {
            width: 100%;
            margin-top: 20px;
          }
        }
      }
      .open-bottom-up {
        padding: 26px 0;
      }
      .ivu-input {
        width: 260px;
        height: 36px;
        font-size: 15px;
      }
    }
    .progress-open-look {
      padding-left: 26px;
      color: #2D8CF0;

      .open-look-icon {
        line-height: 32px;
        font-size: 30px;
        margin-right: 8px;
      }
      .open-look-txt {
        font-size: 18px;
        line-height: 32px;
        border-bottom: 1px solid #2D8CF0;
      }
    }
    .progress-content-left {
      padding-left: 26px;
    }
  }
  .card-progress-close {
    width: 410px;
    margin-top: 48px;
    .progress-close-content {
      padding-top: 30px;
    }
    .close-content-inp {
      margin: 0 15px;
    }
    .ivu-input-number-input {
      width: 180px;
      font-size: 15px;
    }
    .ivu-input-number-input-wrap {
      width: 180px;
    }
    .ivu-input-number {
      width: 100%;
    }
    .progress-content-title {
      line-height: 40px;
    }
    .close-content-day {
      font-size: 18px;
      color: #333;
      line-height: 40px;
      font-weight: normal;
    }
  }
}

/*protocol---begin*/
.protocol-layout {
  .ivu-form-item {
    margin: 40px 0;
  }
  .progress-protocol-left {
    width: 50%;
    height: 200px;
    padding-right: 20px;
  }
}

.progress-protocol-right {
  width: 50%;
  border: 4px solid #ccc;
  font-size: 13px;
  line-height: 24px;
  color: #666;
  font-family: Helvetica Neue, Helvetica, STHeiTi, sans-serif;
  padding: 15px;
  u {
    color: red;
  }
  strong u {
    color: #666;
  }
}

.protocol-modal {
  .ivu-modal-header {
    text-align: center;
  }
  .ivu-modal-mask {
    background: rgba(0, 0, 0, 0.5);
  }
  .ivu-modal {
    width: 80% !important;
  }
  .ivu-modal-body {
    height: 600px;
    overflow: auto;
  }
  .ivu-modal-footer {
    text-align: center;
  }
}

/*protocol---end*/
/*cardProgress---end*/
/*cardStyle---begin*/
.card-style-layout {
  .card-type-title {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    line-height: 46px;
    border-bottom: 1px solid #EBEBEB;
  }
  .card-type {
    margin-top: 48px;
    .card-type-title {
      width: 475px;
    }
    .card-type-item {
      .ivu-form-item {
        margin-bottom: 0;
        margin-top: 20px;
      }
      .ivu-form-item-content {
        height: 40px;
        width: 475px;
        font-size: 16px;
        line-height: 40px;
        .ivu-checkbox-group {
          float: left;
          span {
            font-size: 16px;
            line-height: 40px;
          }
        }
        .card-item-txt {
          float: left;
          margin-right: 6px;
        }
        .ivu-checkbox {
          margin-right: 10px;
        }
        .ivu-select {
          float: left;
          width: 128px;
          height: 40px;
          .ivu-select-selection {
            width: 128px;
            height: 40px;
            font-size: 16px;
            .ivu-select-selected-value {
              height: 40px;
              font-size: 16px;
              line-height: 40px;
            }
          }
        }
      }
    }
  }
  .card-style {
    margin-top: 48px;
    .card-style-item {
      margin-top: 36px;
      margin-bottom: 6px;
      .card-style-item-title {
        line-height: 36px;
        margin-right: 12px;
        font-weight: normal;
        font-size: 18px;
      }
      .ivu-form-item {
        float: left;
      }
      .ivu-form-item-content {
        margin-left: 0 !important;
      }
      .ivu-input-type {
        width: 260px;
        height: 36px;
      }
    }
    .card-style-list {
      .card-style-type {
        width: 355px;
        height: 426px;
        margin-right: 30.5px;
      }
      .card-style-type-top {
        width: 355px;
        height: 235px;
        margin-bottom: 12px;
        position: relative;
        .card-style-top-img {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
        }
        .card-style-top-upload {
          display: none;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          background: rgba(0, 0, 0, 0.55);
          .upFile {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 120px;
            height: 40px;
            margin-left: -60px;
            margin-top: -20px;
            .ghost-file {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              opacity: 0;
            }
            .ivu-btn {
              position: absolute;
              top: 50%;
              left: 50%;
              width: 120px;
              height: 40px;
              margin-left: -60px;
              margin-top: -20px;
              span {
                font-size: 16px;
              }
            }
            span {
              font-size: 16px;
            }
          }
        }
      }
      .card-style-type-top:hover .card-style-top-upload,
      .card-style-type-top:active .card-style-top-upload {
        display: block;
      }
      .card-style-type-bottom {
        .card-style-bottom-title {
          line-height: 36px;
          font-weight: normal;
          font-size: 18px;
        }
        .card-style-bottom-txt {
          font-size: 14px;
          line-height: 28px;
        }
      }
    }
  }
}

/*cardStyle---end*/
/*cardDetail---begin*/
.card-detail-layout {
  .card-detail-title {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    line-height: 46px;
    border-bottom: 1px solid #EBEBEB;
    margin-top: 48px;
  }
  .card-detail-item-title {
    line-height: 30px;
    font-weight: normal;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
    .detail-left-txt {
      margin-right: 145px;
    }
    .detail-right-txt {
      color: #2D8CF0;
      .ivu-icon {
        font-size: 24px;
      }
    }
  }
  .card-detail-top {
    width: 510px;
    .detail-top-checkbox {
      max-width: 510px;
      .ivu-checkbox-wrapper {
        min-width: 252px;
        margin: 0;
        line-height: 16px;
        font-size: 16px;
        margin-bottom: 40px;
        .ivu-checkbox-input {
          width: 16px;
          height: 16px;
        }
      }
    }
    .detail-add-menu {
      .ivu-btn-ghost {
        width: 234px;
        height: 40px;
        font-size: 16px;
        color: #57a3f3;
        border-color: #57a3f3;
      }
      .ivu-icon-plus {
        margin-right: 10px;
      }
    }
    .detail-top-look {
      margin: 50px 0;
      color: #2D8CF0;
      .detail-look-icon {
        line-height: 32px;
        font-size: 30px;
        margin-right: 8px;
      }
      .detail-look-txt {
        font-size: 18px;
        line-height: 32px;
        border-bottom: 1px solid #2D8CF0;
      }
    }
  }
  .checkbox {
    height: 20px;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 20px;
    padding-left: 20px;
    background: url(../../../static/img/bus/check.png) 0 1px no-repeat;
  }
  .card-detail-bottom {
    .checkbox {
      height: 20px;
      margin-bottom: 40px;
      font-size: 16px;
      line-height: 20px;
      padding-left: 20px;
      background: url(../../../static/img/bus/check.png) 0 1px no-repeat;
    }
    .detail-left-txt {
      margin-right: 45px;
    }
    .detail-bottom-left {
      width: 430px;
      margin-right: 160px;
    }
    .ivu-checkbox-wrapper {
      margin: 0;
      line-height: 16px;
      font-size: 16px;
      margin-bottom: 40px;
      .ivu-checkbox-input {
        width: 16px;
        height: 16px;
      }
    }
    .detail-bottom-left-line {
      margin-bottom: 40px;
      .ivu-checkbox-wrapper {
        margin-bottom: 20px;
      }
    }
    .detail-edit-menu {
      .ivu-checkbox-wrapper {
        width: 100%;
      }
    }
    .detail-bottom-left-help {
      margin-bottom: 40px;
    }
    .detail-bottom-left-txt {
      padding-left: 28px;
      .detail-bottom-line-txt {
        color: #666;
        font-size: 16px;
        margin-bottom: 30px;
        .txt-left {
          margin-right: 10px;
        }
      }
      .detail-bottom-help-txt {
        color: #666;
        font-size: 16px;
        margin-bottom: 30px;
      }
      .ivu-btn-ghost {
        width: 154px;
        height: 54px;
        font-size: 18px;
        color: #57a3f3;
        border-color: #57a3f3;
      }
    }
    .detail-add-menu {
      margin-top: 40px;
      padding-left: 28px;
      .ivu-btn-ghost {
        width: 320px;
        height: 40px;
        font-size: 16px;
        color: #57a3f3;
        border-color: #57a3f3;
      }
      .ivu-icon-plus {
        margin-right: 10px;
      }
    }
    .upFile {
      display: inline-block;
      position: relative;
      .ghost-file {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
      }
    }
    .upload-img {
      width: 100%;
      .card-img-look {
        width: 100%;
        margin-top: 20px;
      }
    }
    .detail-bottom-right-txt {
      padding-left: 28px;
      max-width: 425px;
      .detail-bottom-banner-txt {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 18px;
      }
      .detail-bottom-size-txt {
        font-size: 16px;
        line-height: 16px;
        color: #666;
        margin-bottom: 28px;
      }
      .detail-bottom-img-link {
        margin: 50px 0 40px;
        height: 36px;
        .detail-img-link-txt {
          font-size: 18px;
          line-height: 36px;
          color: #333;
          font-weight: normal;
          margin-right: 12px;
        }
        .ivu-input-type {
          width: 220px;
          height: 36px;
        }
      }
      .ivu-btn-ghost {
        width: 154px;
        height: 54px;
        font-size: 18px;
        color: #57a3f3;
        border-color: #57a3f3;
      }
      .detail-bottom-look {
        color: #2D8CF0;
        margin-bottom: 40px;
        .detail-look-icon {
          line-height: 32px;
          font-size: 30px;
          margin-right: 8px;
        }
        .detail-look-txt {
          font-size: 18px;
          line-height: 32px;
          border-bottom: 1px solid #2D8CF0;
        }
      }
    }
  }
}

/*helps---begin*/
.code-helps-list {
  background: #fff;
}

.code-helps-question {
  .code-helps-title {
    height: 15px;
    font-size: 15px;
    line-height: 15px;
    color: #333;
  }
  .code-helps-answer {
    margin: 15px 0 30px 0;
    .code-helps-left {
      float: left;
      font-weight: bold;
      font-size: 14px;
      line-height: 20px;
      color: #63BC56;
    }
    .code-helps-right {
      overflow: hidden;
      margin-left: 10px;
      font-size: 14px;
      line-height: 20px;
      color: #666;
    }
  }
}

.helpTxtList {
  padding: 10px;
  border: 4px solid #ccc;
  span {
    height: 20px;
    font-size: 18px;
    padding-left: 10px;
  }
  .icon {
    float: right;
    margin-right: 10px;
  }
}

.add-helps {
  width: 100%;
  height: 50px;
  font-size: 20px;
}

.plus {
  margin-right: 10px;
}

/*helps---end*/
.menu-modal {
  .checkbox {
    float: left;
    height: 46px;
    font-size: 14px;
    line-height: 46px;
    padding-left: 25px;
    background: url(../../../static/img/bus/check.png) 0 15px no-repeat;
  }
  .ivu-modal-header {
    padding: 14px 16px;
  }
  .ivu-modal-header-inner {
    padding-left: 8px;
    border-left: 4px solid #2D8CF0;
  }
  .ivu-modal-footer {
    text-align: center;
  }
  .ivu-modal-body {
    padding: 0;
  }
  .check-layout {
    height: 46px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    line-height: 46px;
    padding: 0 20px;
  }
  .edit-content {
    float: right;
    span {
      margin: 10px;
    }
  }
  .add-menu {
    width: 100%;
    height: 46px;
    .ivu-icon {
      margin-right: 10px;
    }
  }
  .ivu-checkbox-wrapper {
    height: 46px;
    margin: 0;
    line-height: 46px;
    .ivu-checkbox-inner {
      margin-right: 10px;
    }
  }
}

.edit-modal {
  .ivu-modal-header {
    padding: 14px 16px;
  }
  .ivu-modal-header-inner {
    padding-left: 8px;
    border-left: 4px solid #2D8CF0;
  }
  .ivu-modal-footer {
    text-align: center;
  }
  .ivu-form {
    padding-right: 20px;
  }
}

/*cardDetail---end*/
/*card---end*/
/*role---begin*/
.role-layout {
  border: 30px solid #F7F8FC;
  padding: 0 10px;
  min-height: 100%;
  background: #F2F2F2;
  .role-search {
    margin-top: 10px;
    font-size: 22px;
    .ivu-btn-primary {
      margin-left: 10px;
      margin-bottom: 2px;
    }
    .role-search-inp {
      height: 38px;
      .ivu-input-wrapper {
        width: 240px;
      }
      .ivu-btn-primary {
        margin: 0;
        height: 36px;
      }
      .ivu-input {
        height: 36px;
        padding-bottom: 1px;
      }
    }
  }
  .role-table {
    padding: 10px;
    border: 2px solid #E6E9ED;
    margin-top: 10px;
    background: #fff;
    .role-table-title {
      margin-top: 10px;
      padding: 0 10px;
      position: relative;
      background: #F2F2F2;
      height: 48px;
      line-height: 48px;
      border-bottom: 2px solid #E6E9ED;
      border-radius: 2px;
      h2 {
        font-size: 18px;
        font-weight: normal;
        color: #777;
        span {
          font-size: 14px;
          margin-left: 20px;
          color: #999;
        }
      }
      .role-table-add {
        position: absolute;
        right: 10px;
        top: 0;
      }
    }
    .role-table-main {
      margin-top: 10px;
      table{
        width: 100% !important;
      }
      th {
        background: #BFDFFF;
        text-align: center;
      }
      td {
        text-align: center;
      }
      .role-table-page{
        padding: 10px;
        border: 2px solid #E6E9ED;
        margin-top: 10px;
        background: #fff;
      }
    }
  }
}

.admin-modal {
  .ivu-modal-mask {
    background: rgba(0, 0, 0, 0.5);
  }
  .ivu-modal {
    width: 50% !important;
  }
  .ivu-modal-header-inner {
    padding-left: 8px;
    border-left: 4px solid #2D8CF0;
  }
  .ivu-modal-body {
    overflow: auto;
  }
  .ivu-modal-footer {
    text-align: center;
  }
}

/*role---end*/
/*account---begin*/
.account-layout {
  border: 30px solid #F7F8FC;
  padding: 0 10px;
  min-height: 100%;
  background: #F2F2F2;
  .account-search {
    margin-top: 10px;
    font-size: 22px;
    .ivu-btn-primary {
      margin-left: 10px;
      margin-bottom: 2px;
    }
    .account-search-inp {
      height: 38px;
      .ivu-input-wrapper {
        width: 240px;
      }
      .ivu-btn-primary {
        margin: 0;
        height: 36px;
      }
      .ivu-input {
        height: 36px;
        padding-bottom: 1px;
      }
    }
  }
  .account-table {
    padding: 10px;
    border: 2px solid #E6E9ED;
    margin-top: 10px;
    background: #fff;
    .account-table-title {
      margin-top: 10px;
      padding: 0 10px;
      position: relative;
      background: #F2F2F2;
      height: 48px;
      line-height: 48px;
      border-bottom: 2px solid #E6E9ED;
      border-radius: 2px;
      h2 {
        font-size: 18px;
        font-weight: normal;
        color: #777;
        span {
          font-size: 14px;
          margin-left: 20px;
          color: #999;
        }
      }
      .account-table-add {
        position: absolute;
        right: 10px;
        top: 0;
      }
    }
    .account-table-main {
      margin-top: 10px;
      table{
        width: 100% !important;
      }
      th {
        background: #BFDFFF;
        text-align: center;
      }
      td {
        text-align: center;
      }
      .account-table-page{
        padding: 10px;
        border: 2px solid #E6E9ED;
        margin-top: 10px;
        background: #fff;
      }
    }
  }
}
/*account---end*/


